今天又崩潰了一波QQ
話不多說~開始吧:)
嗨嗨~今天要來繼續來提供一下物件的舉例,我們先來看看題目~
我們就來看一下題目吧!
題目:
你是一名網頁開發者,負責建立一個顯示用戶資料的小應用。你的任務是創建一個 JavaScript 物件來存儲用戶的基本信息,並且能夠顯示這些信息。
請創建一個名為 user 的物件,包含以下屬性:
name:用戶的名字(例如,"Joyce")
age:用戶的年齡(例如,18)
email:用戶的電子郵件地址(例如,"Joyce@example.com")
// 創建 user 物件
let user = {
name: 'Joyce',
age: 18,
email: 'Joyce@example.com',
// 增加 displayInfo 方法
displayInfo: function() {
console.log('Name: ' + this.name);
console.log('Age: ' + this.age);
console.log('Email: ' + this.email);
}
};
// 使用user.displayInfo()的方法,去顯示出來,說明如下!
補充說明:displayInfo方法
displayInfo: function()
{
console.log('Name: ' + this.name);
console.log('Age: ' + this.age);
console.log('Email: ' + this.email);
}
印出以下程式碼~
Name: Alice
Age: 25
Email: alice@example.com
displayInfo: function() {...}
:這行代碼定義了一個方法 displayInfo,它是 user 物件的一個屬性。當這個方法被調用時,它會執行大括號內的代碼。
this關鍵字
:this 參考的是 user 物件本身,因此 this.name、this.age 和 this.email 分別指向 user 物件的 name、age 和 email 屬性。
我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~
對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。
參考來源
https://www.casper.tw/javascript/2017/12/12/javascript-this/